aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/[username]/support
diff options
context:
space:
mode:
Diffstat (limited to 'src/routes/[username]/support')
-rw-r--r--src/routes/[username]/support/+page.svelte103
1 files changed, 48 insertions, 55 deletions
diff --git a/src/routes/[username]/support/+page.svelte b/src/routes/[username]/support/+page.svelte
index 663ba8a6..796f72ec 100644
--- a/src/routes/[username]/support/+page.svelte
+++ b/src/routes/[username]/support/+page.svelte
@@ -1,65 +1,58 @@
<script>
- // this needs to be hooked up to the backend
- import { AppHeader } from '$comp';
- import { user } from '$lib/store';
import { t } from '$lib/translations';
let email;
let message;
</script>
-{#if $user}
- <AppHeader />
+<div class="mt-24 mb-20">
+ <h1 class="text-center text-3xl md:text-4xl font-semibold mb-10">
+ {$t('user.support.header')}
+ </h1>
- <div class="mt-24 mb-20">
- <h1 class="text-center text-3xl md:text-4xl font-semibold mb-10">
- {$t('user.support.header')}
- </h1>
+ <form class="space-y-5 mx-auto w-11/12 md:w-[350px]">
+ <div>
+ <label for="email" class="font-semibold">{$t('user.support.email')}</label>
+ <input
+ class="block border rounded-xl p-2 w-full"
+ type="email"
+ name="email"
+ bind:value={email}
+ required
+ />
+ </div>
- <form class="space-y-5 mx-auto w-11/12 md:w-[350px]">
- <div>
- <label for="email" class="font-semibold">{$t('user.support.email')}</label>
- <input
- class="block border rounded-xl p-2 w-full"
- type="email"
- name="email"
- bind:value={email}
- required
- />
- </div>
+ <div>
+ <label for="account" class="font-semibold">{$t('user.support.accountName')}</label>
+ <input
+ class="block border rounded-xl p-2 w-full"
+ type="text"
+ name="account"
+ required
+ disabled
+ value={user.username}
+ />
+ </div>
- <div>
- <label for="account" class="font-semibold">{$t('user.support.accountName')}</label>
- <input
- class="block border rounded-xl p-2 w-full"
- type="text"
- name="account"
- required
- disabled
- value={$user.username}
- />
- </div>
+ <div>
+ <label for="message" class="font-semibold">{$t('user.support.message')}</label>
+ <textarea
+ rows={5}
+ class="block border rounded-xl p-2 w-full"
+ type="text"
+ name="message"
+ bind:value={message}
+ required
+ />
+ </div>
- <div>
- <label for="message" class="font-semibold">{$t('user.support.message')}</label>
- <textarea
- rows={5}
- class="block border rounded-xl p-2 w-full"
- type="text"
- name="message"
- bind:value={message}
- required
- />
- </div>
-
- <button
- disabled={!email || !message}
- class="{!email || !message
- ? 'opacity-50'
- : 'opacity-100'} bg-black text-white font-bold rounded-xl py-3 w-full mx-auto {email &&
- message
- ? 'hover:opacity-80'
- : ''}">{$t('user.support.send')}</button
- >
- </form>
- </div>
-{/if}
+ <button
+ disabled={!email || !message}
+ class="{!email || !message
+ ? 'opacity-50'
+ : 'opacity-100'} bg-black text-white font-bold rounded-xl py-3 w-full mx-auto {email &&
+ message
+ ? 'hover:opacity-80'
+ : ''}">{$t('user.support.send')}</button
+ >
+ </form>
+</div>